<fieldset id="consultaAluno">

	<legend>Consulta de Alunos</legend>

	<div id="grupoConsulta">
		<label>Nome</label>
		<input type="text" id="nomeAluno" class="input-xxlarge" name="nome" />

		<label>Matricula</label>
		<input type="text" id="matriculaAluno" class="input-large" name="matricula" />

		<label for="escolaAluno">Escola</label>
		<select id="escolaAluno" class="input-xxlarge">
			<?php foreach ($escolas as $escola): ?>
			<option value="<?= $escola['id'] ?>"> <?= $escola['nome'] ?> </option>
			<?php endforeach ?>	
		</select>

		<label for="etapaAluno">Etapa</label>
		<select id="etapaAluno" class="input-xlarge">
			<option value="">Selecione...</option>
			<?php foreach ($etapas as $etapa): ?>
			<option value="<?= $etapa['id'] ?>"> <?= $etapa['nome'] ?> </option>
			<?php endforeach ?>	
		</select>

		<label for="turmaAluno">Turma</label>
		<select id="turmaAluno" class="input-large" name="turma_id">
			<option id="selecioneTurma" value="">Selecione...</option>			
		</select>

		<div id="botoes" style="padding-top: 15px;">
        	<button id="consultarButton" class="btn btn-large">Consultar</button>
    	</div>
    	
	</div>

	<hr/>

	<div id="resultados">
	</div>

</fieldset>

<script type="text/javascript">
	$(document).ready(function(){
		$('#etapaAluno').change(carregarTurma);

		$('#consultarButton').click(function(){
			modal.carregando();
			var data = form.serialize("consultaAluno");
			$.ajax({
				url:  '<?= base_url(); ?>aluno/consultar',
				data: data,
				type: 'GET',
				success: function(result){ 
					modal.encerrar();
					$('#resultados').html(result);
				},
				error: function(result){
					modal.message(result);
				}
			})
		});
	});

	function carregarTurma(){
		$('#turmaAluno').html('');

		$.ajax({
			url: '<?= base_url();?>aluno/listar_turmas',
			data: { escola_id: $('#escolaAluno').val(), etapa_id: $('#etapaAluno').val() },
			type: 'GET',
			success: function(result){
				$('#selecioneTurma').text('Selecione...');
				$('#selecioneTurma').parent().attr('disabled', false);
				$('#turmaAluno').append(result);
			},
			error: function(){
				modal.message('Erro ao carregar informações');	
			}
		});
	}



</script>